 * {
     margin: 0;
     padding: 0;
 }

 .list-div {
     width: 100vw;
     background-color: white;
     height: 2.6rem;
 }

 .list-ul {
     list-style-type: none;
     display: flex;
     justify-content: space-around;
     color: gray;
 }

 .list-li {
     list-style-type: none;
     font-size: 0.4rem;
     font-weight: 600;
     color: black;
     margin-top: 0.2rem;
     margin-left: 0.2rem;
 }

 .list-li1 {
     margin-top: 0.3rem;
     font-size: 0.3rem;
 }

 .list-img {
     width: 0.5rem;
     height: 0.5rem;
     border-radius: 50%;
 }

 .list-p {
     width: 0.5rem;
     height: 0.5rem;
     border-radius: 50%;
     text-align: center;
     line-height: 0.5rem;
     margin-left: 0.3rem;
     margin-bottom: 0.3rem;
 }

 .list-div1 {
     width: 100vw;
     background-color: white;
     height: 8rem;
     margin: 0.5rem 0rem;
 }

 .list-img1 {
     margin: 0rem 0.2rem;
     width: 7.1rem;
     height: 3rem;
     margin-top: -0.4rem;
     border-radius: 0.2rem;
 }

.list-p1 {
    color: white;
    position: absolute;
    margin-left: 0.7rem;
    margin-top: -2.5rem;
    font-size: 0.3rem;
}

 .list-h1 {
    color: white;
    position: absolute;
    margin-left: 0.7rem;
    margin-top: -2rem;
}

.list-p2 {
    position: absolute;
    text-align: center;
    line-height: 0.5rem;
    color: #096dd9;
    background-color: white;
    width: 1.8rem;
    height: 0.5rem;
    margin-left: 0.7rem;
    margin-top: -1rem;
    border-radius: 2rem;
}

.list-img2 {
    position: absolute;
    width: 2rem;
    height: 1.5rem;
    margin-left: 4.5rem;
    margin-top: -1.8rem;
}

.list-p3 {
    position: absolute;
    text-align: center;
    color: white;
    width: 6rem;
    height: 2rem;
    margin-left: -1.6rem;
    margin-top: -1rem;
    margin-left: -1.4rem;
}

.list-span {
    font-size: 0.5rem;
}

.list-span1 {
    background-color: #ff4b57;
    color: white;
    padding: 2px;
    border-radius: 0.1rem;
}
.list-img3{
    width: 3rem;
    height: 2rem;
    margin-bottom: 0.2rem;
}
.list-div2{
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    font-size: 0.3rem;
}
.list-div3{
    margin-bottom: 0.5rem;
}
.list-span2{
    color:red;
    margin-right: 0.2rem;
}
.list-p4{
    margin:0.1rem 0rem;
}
.list-span3{
    font-size: 0.2rem;
    color:#999999;
}
.list-span4{
    color:red;
    background-color: #fdd3d5;
    padding:0.1rem 0.2rem;
    font-size: 0.25rem;
    border-radius: 1rem;
    margin-right: 0.3rem;
}
.list-span5{
    color:gray;
    font-size: 0.25rem;
}
.list-img4{
    width:3rem;
    height:1.5rem;
    margin-bottom: 0.7rem;
    margin-right: 0.5rem;
    margin-left:0.4rem;
}
.list-div4{
    display: flex;
    justify-content: space-around;
}

.list-p5{
    margin:0.1rem 0rem;
}